<template>
  <div class="placeholder d-flex justify-center align-center" :style="'width:' + width + ';height:' + height + ';'">
    <h1> {{content}} </h1>
  </div>
</template>

<script>
export default {
  props: {
    content: String,
    width: String,
    height: String,
  }
}
</script>

<style scoped>
.placeholder{
  width: 100%;
  height: 100%;
}
.placeholder h1{
  font-size: 30px;
  color: gray;
}
</style>